<template>
  <div>
    <div v-for="(i,j) in titles" :key="j">
      <h3>{{i.title}}</h3>
      <p><a :href=i.link >{{i.link}}</a></p>
      <p>{{i.publish_time}}</p>
    </div>
  </div>
</template>

<script>

export default {
  name: "shui",
  data() {
    return {
      titles: []
    }
  },
  methods: {
    GetCategory() {
      this.axios({
        url: "http://127.0.0.1:8000/shui/",
        method: "GET"
      }).then(res => {
        this.titles = res.data.data;
      });
    }
  },
  mounted() {
      this.GetCategory()
  }
};
</script>

<style>
</style>